<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/include.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>主页 | 短信平台</title>
<jsp:include page="/WEB-INF/jsp/common/commonlist.jsp"></jsp:include>
<style>
#userTable tr {
	background-color: white;
}

#userTable td {
	background-color: white;
}

label.error {
	display: inline;
	color: red;
}

td.td_title {
	width: 100px;
}
</style>
<script type="text/javascript">
//保存检查 
function saveCheck(){
	
}
//提交 
function bodyLoad(){
	activeMenuItem("contactManagerItem","newContactItem");
}
$(document).ready(function() {
	$("#newUserForm").validate({
		rules :{ 
			name:{
	        	required : true,
	        	maxlength : 20
	        },
	        movePhoneNumber:{
	        	required : true,
	        	number : true,
	        	maxlength : 14
	        },
	        phoneNumber:{
	        	number : true,
	        	maxlength : 14
	        },
	        eMail:{
	        	required : true,
	        	maxlength : 40,
	        	email : true
	        },
	        birthday:{
	        	maxlength : 100
	        },
	        company:{
	        	maxlength : 50
	        },
	        address:{
	        	maxlength : 50
	        },
	        unit:{
	        	maxlength : 200
	        },
	        remark:{
	        	maxlength : 80
	        }
		},
		 messages : {
			 name :{
			    	required : "姓名不能为空"
			    }
		    }
		});
	});

$(document).ready(function() {
	$("#birthday").datepicker();
 
}); 
</script>
</head>
<body onload="bodyLoad()">
	<div id="body-wrapper">
		<!-- Wrapper for the radial gradient background -->
		<div id="sidebar">
			<div id="sidebar-wrapper">
				<!-- Sidebar with logo and menu -->
				<h1 id="sidebar-title">
					<a href="#">短信平台</a>
				</h1>
				<!-- Logo (221px wide) -->

				<!-- Sidebar Profile links -->

				<!--  页面左上角的部分 -->
				<%@include file="/WEB-INF/jsp/common/leftTop.jsp"%>
				<!-- 页面左侧菜单部分 -->
				<%@include file="/WEB-INF/jsp/common/menu.jsp"%>

				<!-- End #messages -->
			</div>
		</div>
		<!-- End #sidebar -->
		<div id="main-content">
			<!-- Main Content Section with everything -->

   <%@ include file="/WEB-INF/jsp/common/top.jsp" %>
			<!-- End .shortcut-buttons-set -->
			<div class="clear"></div>
			<!-- End .clear -->
			<div class="content-box">
				<!-- Start Content Box -->
				<div class="content-box-header">
					<h3>新建联系人</h3>
				</div>
				<!-- End .content-box-header -->
				<div class="content-box-content">
					<div class="tab-content default-tab" id="tab2">	
						<form action="doNewcustomer.do" method="post" id="newUserForm">
							<table id="userTable">
								<tr>
									<td class="td_title"><label
										style="display: inline; width: 120px;">姓名：</label></td>
									<td><input class="text-input small-input" type="text"
										id="name" name="name" />*</td>
								</tr>
								<tr>
									<td class="td_title"><label
										style="display: inline; width: 90px;">手机：</label></td>
									<td><input class="text-input small-input" type="text"
										id="movePhoneNumber" name="movePhoneNumber" />*</td>
								</tr>
								<tr>
									<td class="td_title"><label
										style="display: inline; width: 90px;">电话：</label></td>
									<td><input class="text-input small-input" type="text"
										id="phoneNumber" name="phoneNumber" /></td>
								</tr>
								<tr>
									<td class="td_title"><label
										style="display: inline; width: 90px;">邮箱：</label></td>
									<td><input class="text-input small-input" type="text"
										id="eMail" name="eMail" /></td>
								</tr>
								<tr>
									<td class="td_title"><label
										style="display: inline; width: 90px;">生日：</label></td>
									<td><input class="text-input small-input" type="text"   readonly="readonly"   
										id="birthday" name="birthday" /></td>
								</tr>
								<tr>
									<td class="td_title"><label
										style="display: inline; width: 90px;">单位：</label></td>
									<td><input class="text-input medium-input datepicker"
										type="text" id="company" name="company" /></td>
								</tr>
								<tr>
									<td class="td_title"><label
										style="display: inline; width: 90px;">地址：</label></td>
									<td><input class="text-input medium-input datepicker"
										type="text" id="address" name="address" /></td>
								</tr>
								<tr>
									<td class="td_title"><label style="display: inline;">性别：</label></td>
									<td><input type="radio" name="sex" value="男" />男&nbsp;&nbsp;
										<input type="radio" name="sex" value="女" />女</td>
								</tr>
								<tr>
									<td class="td_title"><label>导入分组：</label></td>
									<td><select name="group" class="group">
											<c:forEach items="${list}" var="list">
												<option value="${list.groupId}">${list.groupName}</option>
											</c:forEach>
									</select></td>
								</tr>
								<tr>
									<td class="td_title" style="vertical-align: middle;"><label>备注：</label></td>
									<td><textarea class="text-input textarea wysiwyg"
											id="remark" name="remark" cols="79" rows="15"></textarea></td>
								</tr>
								<tr>
									<td colspan="2" style="text-align: center;"><input
										class="button" type="submit" value="提  交" />&nbsp;&nbsp;<input
										class="button" type="reset" value="重  置" /></td>
								</tr>
							</table>
							<div class="clear"></div>
							<!-- End .clear -->
						</form>
					</div>
					<!-- End #tab2 -->
				</div>
				<!-- End .content-box-content -->
			</div>
			<!-- End .content-box -->
			<div class="clear"></div>
			<%@ include file="/WEB-INF/jsp/common/copyright.jsp"%>
		</div>
		<!-- End #main-content -->
	</div>

</body>
</html>